<template>
  <div class="gl_contentBox gl_heightFull">
    <el-tabs v-model="activeTab" type="card" class="gl_tabs">
      <el-tab-pane v-for="(item, index) in tabList" :key="index" :label="item.label" :name="item.name">
        <component :is="item.component" v-if="activeTab === item.name" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import invite from './invite.vue';
import invited from './invited.vue';
export default {
  data () {
    return {
      activeTab: 'invite',
      tabList: [
        {
          label: '邀请列表',
          name: 'invite',
          component: invite
        },
        {
          label: '受邀列表',
          name: 'invited',
          component: invited
        }
      ]
    };
  },
  methods: {
    tabClick() {}
  }
};
</script>

<style>

</style>
